/*顶部*/
.header{width: 100%;position: fixed;top: 0;left: 0;background: #0D0E0F;height: 100px;padding: 0 38px 0 3.5vw;z-index: 10;}
.head_tm .header{background: transparent;}
.head_tm .header.hei{background: #0D0E0F;}
.header .logo{display: block;height: 100%;line-height: 100px;width: 44px;}
.nicescroll-cursors:hover{background-color: #000 !important;}
.pc_menu{width: 44px;height: 22px;}
.pc_menu span{display: block;height: 2px;background: #fff;position: relative;}
.pc_menu span:before{position: absolute;top: 0;left: 0;content: '';background: #D92322;width: 0;height: 2px;transition: all 0.3s;}
.pc_menu .sp1{width: 24px;}
.pc_menu .sp2{width: 44px;margin: 8px 0;}
.pc_menu .sp3{width: 34px;}
.pc_menu:hover span:before{width: 100%;}
.header .menu{display: flex;height: 100%;line-height: 100px;cursor: pointer;align-items: center;}
.header .menu img{display: none;}
.header .nav{margin-right: 41px;position: relative;overflow: hidden;}
.header ul{}
.header ul li{padding: 0 29px;float: left;position: relative;}
.header ul li a{font-size: 18px;color: #fff;line-height: 100px;padding: 10px 0;}
.header ul li.on a{border-bottom: 1px solid #fff;}
#tag{position: absolute;display: block;top: 72px;width: 36px;height: 1px;background: #fff;left: 0;margin-left: 29px;
    }

/*新---头部*/
.new-header{position: fixed;width: 100%;height: 100px;transition: .3s linear; display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 0 2.9688vw 0 3.75vw;z-index: 99;background: #fff;}

.new-header::after{content:'';width:100%;height:1px;position:absolute;left:0;bottom:0;background:#ECECEC;}

.sb-home .new-header{background: none;}
.sb-home .new-header::after{background:rgba(255,255,255, 0.2);}
.sb-home .new-header-fixed{background: #0D0E0F;}
.sb-home .new-header-fixed::after{background:rgba(255,255,255, 0.2);}
.new-header .nav li{float: left;margin-right: 60px;}
.new-header .nav li:last-child{margin-right:0;}
.new-header .nav li a{display: block;font-size: 18px;line-height: 50px;color: #fff;}
.new-header .nav li.on a{border-bottom: 1px solid #fff;}
.new-header .logo{display: block;width: 101px;position: absolute;left: 50%;top: 50%;margin-top: -18px; margin-left: -50px;}
.new-header .logo img{display: block;width: 100%;}
.new-header .logo .bimg{display: none;}
.new-header .tel{display: flex;align-items: center;}
.new-header .tel img{display: block;width: 32px;}
.new-header .tel .bimg{display: none;}
.new-header .tel .box{margin-left: 16px;border-left: 1px solid rgba(255, 255, 255, 0.3);height: 36px;padding-left: 12px;}
.new-header .tel p{font-size: 13px;line-height: 14px;color: #fff;}
.new-header .tel .num{font-size: 20px;line-height: 22px;font-family: "CenturyGothic";font-weight: bold;font-style: italic;color: #fff;}
.solution .logo img,
.solution .new-header .tel img{display: none;}
.solution .logo .bimg,
.solution .new-header .tel .bimg{display: block;}
.solution .new-header .nav li a{color: #000;}
.solution .new-header .nav li.on a{border-bottom-color: #DD1E1E;}
.solution .new-header .tel p,
.solution .new-header .tel .num{color: #000;}
.solution .new-header .tel .box{border-left-color: rgba(0, 0, 0, 0.3);}
.new-header-fixed{background: #0D0E0F;height: 70px;}
.solution .new-header-fixed .logo img,
.solution .new-header-fixed .tel img{display: block;}
.solution .new-header-fixed .logo .bimg,
.solution .new-header-fixed .tel .bimg{display: none;}
.solution .new-header-fixed .nav li a{color: #fff;}
.solution .new-header-fixed .nav li.on a{border-bottom-color: #fff;}
.solution .new-header-fixed .tel p,
.solution .new-header-fixed .tel .num{color: #fff;}
.solution .new-header-fixed .tel .box{border-left-color: rgba(255, 255, 255, 0.3);}

.site{padding-top:6.7708vw;}
.site .container{display:flex;align-items:center;box-sizing:border-box;width:100%;padding:0 3.75vw;}
.site a{display:flex;align-items: center; font-size:15px;color:rgba(0, 0, 0, 0.6);line-height: 20px;}
.site .home-icon{display:block;width:20px;height:20px;background:url(../images/site_b_icon.png) no-repeat;background-size: cover;margin-right:4px;}
.site span{display:block;width:20px;height:20px;background:url(../images/site_b_arrow.png) no-repeat;background-size:cover;margin:0 5px;}
.site .last{width:auto;line-height:20px;font-size:15px;color:rgba(0, 0, 0, 0.6);margin-left: 0;background: none;}
.site a:hover{color: #D92322;}


/*悬浮窗*/
.aside{position: fixed;right: 6px;top: 50%;margin-top: -75px;z-index: 555;width: 70px;border-radius: 2px;}
.aside ul{padding: 0;}
.aside li{background: rgba(211, 50, 28, 0.85);padding: 10px 0;text-align: center;overflow: hidden;margin-bottom: 1px;width: 100%;float: right;height: 70px;}
.aside li:hover{background: #d3321c;}
.aside li p{font-size: 13px;color: #f2a59a;line-height: 13px;margin-top: 6px;}
.aside li:last-child{padding-top: 7px;height: 40px;}
.aside li i{width: 26px;height: 25px;background: url('../images/aside_icon.png') no-repeat;display: inline-block;}
.aside li i.new_icon{width: 23px;height: 23px;background: url('../images/new_icon.png') no-repeat;display: inline-block;}
.aside li .icon2{height: 27px;margin: 0 auto;background-position: 0 -30px;}
.aside li.phone{width: 70px;transition: all 0.3s;overflow: hidden;height: 72px;}
.aside li.phone .tb{width: 70px;height: 100%;}
.aside li.phone .icon3{width: 25px;height: 25px;background: url(../images/phone_bai.png) no-repeat center;}
.aside li.phone .dh{width: 180px;height: 100%;font-size: 20px;color: #fff;font-weight: bold;display: flex;
    align-items: center;justify-content: center;border-left: 1px solid rgba(255,255,255,0.3);margin-left: -1px;}
.aside li.phone:hover{width: 250px;}
#newBridge .icon-right-center{margin-top: -132px !important;right: 6px !important;}
/*底部*/
.footer{background: #191919;padding: 62px 3.5vw 77px;position: relative;z-index: 7;}
.foot_logo{padding: 66px 0;border-top: 1px solid #757575;}
.foot_logo .foot_l{height: 50px;display: flex;align-items: center;}
.foot_logo .foot_l .bimg{display: none;}
.foot_logo .foot_l span{display: block;height: 45px;border-left: 1px solid #8C8C8C;padding-left: 28px;margin-left: 30px;font-size: 22px;
	line-height: 45px;
	color: #fff;}
.bot_arr{width: 64px;height: 33px;background: url(../images/bot_arr.png) no-repeat center;cursor: pointer;transition: all 0.3s;}
.bot_arr:hover{background: url(../images/bot_arr_red.png) no-repeat center;}
.foot_ul{padding: 28px 0 0 136px;display: flex;border-top: 1px solid #757575;}
.foot_ul .item{border-left: 1px solid #5E5E5E;padding-left: 20px;height: 290px;}
.foot_ul .item1{width: 16%;}
.foot_ul .item1 a{font-size: 18px;color: #fff;line-height: 44px;display: block;}
.foot_ul .item1 a:hover{color: #eb3719;}
.foot_ul .item2{width: 24%;}
.foot_ul .item2 p{font-size: 22px;color: #fff;height: 38px;display: flex;align-items: center;margin-bottom: 15px;}
.foot_ul .item2 p img{margin-right: 16px;}
.foot_ul .item2 p .bimg{display: none;}
.foot_ul .item3{width: 34%;}
.foot_ul .item3 p{font-size: 16px;color: #fff;line-height: 29px;margin-bottom: 14px;}
.foot_ul .item3 p.p1{font-size: 12px;line-height: 20px;margin-bottom: 0px;}
.foot_ul .item4{}
.foot_ul .item4 .row{margin-right: 20px;width: 114px;}
.foot_ul .item4 .row img{max-width: 100%;}
.foot_ul .item4 .row p{margin-top: 13px;font-size: 16px;color: #fff;line-height: 28px;text-align: center;}

.new-footer{background: #fff;}
.new-footer .foot_logo,
.new-footer .foot_ul{border-top-color: #d0d0d0;}
.new-footer .foot_logo .foot_l span{color: #333;border-left-color: #383838;}
.new-footer .foot_ul .item2{border-left-color: #d0d0d0;}
.new-footer .foot_ul .item1 a,
.new-footer .foot_ul .item2 p,
.new-footer .foot_ul .item3 p,
.new-footer .foot_ul .item4 .row p{color: #5d5d5d;}
.new-footer .foot_ul .item2 p img,
.new-footer .foot_logo .foot_l img{display: none;}
.new-footer .foot_ul .item2 p .bimg,
.new-footer .foot_logo .foot_l .bimg{display: block;}


.s-footer{
    padding: 5.1042vw 10.9375vw 2.7604vw;
}
.s-footer .top{display: flex;justify-content: space-between;}
.s-footer .left img{display: block;width: 118px;}
.s-footer .left p{font-size: 1.0417vw;line-height: 1.3;color: rgba(0, 0, 0, 0.6);margin-top: 10px;}
.s-footer .left .name{font-size: 0.8333vw;line-height: 1.375;color: rgba(0, 0, 0, 0.6);margin-top: 2.1875vw;}
.s-footer .left .tel{font-size: 1.8229vw;line-height: 1.2;font-weight: bolder;color: #D92322;font-family: 'Akrobat';margin-top: 4px;}
.s-footer ul li{font-size: 0.8333vw;line-height: 1.9444;color: rgba(0, 0, 0, 0.45);}
.s-footer ul li a{display: block;font-size: 1.0417vw;line-height: 1.3542vw;margin: 6px 0 1.3021vw;color: rgba(0, 0, 0, 0.7);font-weight: bold;}
.s-footer ul li:hover a{color: #D92322;}
.s-footer .bot{border-top: 1px solid #D9D9D9;margin-top: 4.6875vw;padding-top: 1.875vw;display: flex;position: relative;z-index: 10;display: flex;align-items: center;height: 28px;justify-content: space-between;}
.s-footer .copyright{font-size: 0.8333vw;color: rgba(0, 0, 0, 0.6);}
.s-footer .copyright a{font-size: 0.8333vw;color: rgba(0, 0, 0, 0.6);}
.s-footer .copyright a:hover{text-decoration: underline;}
.s-footer .wechat{width: 28px;height: 28px;position: relative;z-index: 10;background: url('../images/wechat_icon.png') no-repeat;cursor: pointer;}
/* .s-footer .wechat:hover{background-image: url('../images/wechat_h_icon.png');} */
.s-footer .erify{position: absolute;width: 294px;background-color: #fff;bottom: 28px;right: 0;padding: 5px 0 10px;display: none;border: 1px solid #E3E3E3;}
.s-footer .erify .item{width: 50%;position: relative;float: left;}
.s-footer .erify .item:first-child::after{content: '';width: 1px;height: calc(100% - 15px);right: 0;top: 10px;background: #EBEBEB;position: absolute;}
.s-footer .erify .item img{display: block;width: 100%;}
.s-footer .erify .item p{font-size: 12px;line-height: 15px;color: rgba(0, 0, 0, 0.6);text-align: center;margin-top: 5px;}
.m-footer{display: none;}

.sb-footer{padding: 5.625vw 0 2.3958vw; }
.sb-footer .left img{display: block;width: 118px;}
.sb-footer .left p{font-size: 1.0417vw;line-height: 1.3;color: rgba(0, 0, 0, 0.6);margin-top: 10px;}
.sb-footer .nav a{display: flex;margin-bottom: 0.7292vw;transition: all .5s;}
.sb-footer .nav p{font-size:1.1458vw;line-height: 2.0313vw;position:relative;color: rgba()0, 0, 0, 0.8);}
.sb-footer .nav a:hover p{color: #D92322;}
.sb-footer .nav p::before{content: '';width:0;height:3px;position:absolute;left:0;bottom: 0;background:#D92322;transition: all .5s;}
.sb-footer .nav a:hover p::before{width:100%;}
.sb-footer .ewm .item{margin-bottom:2.1875vw;}
.sb-footer .ewm .item:last-child{margin-bottom: 0;}
.sb-footer .ewm p{font-size:0.8333vw;line-height:1.0938vw;color: rgba()0,0,0,0.6;}
.sb-footer .ewm .email{font-size:1.5104vw;line-height:2.1354vw;color:rgba(0, 0, 0, 0.8);font-weight:bold;font-family:'Alibaba PuHuiTi 2.0';}
.sb-footer .ewm .pic{width:7.6563vw;margin-top:1.0417vw;}
.sb-footer .ewm .pic img{display:block;width:100%;}

.sb-footer .tel{font-size:1.5104vw;line-height:2.1354vw;color:rgba(0, 0, 0, 0.8);font-weight:bold;font-family:'Alibaba PuHuiTi 2.0';}
.sb-footer .addr{font-size:1.0417vw;line-height:1.5;color:rgba(0, 0, 0, 0.8);}
.sb-footer .share{display:flex;margin-top:9.6354vw;}
.sb-footer .share a{position:relative;display:block;width:1.875vw;height:1.875vw;margin-right:0.7292vw;}
.sb-footer .share a img{display:block;width:100%;}
.sb-footer .share .erify{width:8.75vw;position: absolute;left:50%;transform: translateX(-50%);bottom: 2.5vw;display: none;}
.sb-footer .container{width:79.1667vw;display:flex;justify-content:space-between;}
.sb-footer .bot{border-top: 1px solid #D9D9D9;margin-top: 4.6875vw;padding-top: 1.875vw;display: flex;position: relative;z-index: 10;display: flex;align-items: center;height: 28px;justify-content: space-between;}
.sb-footer .copyright{font-size: 0.8333vw;color: rgba(0, 0, 0, 0.6);}
.sb-footer .copyright a{font-size: 0.8333vw;color: rgba(0, 0, 0, 0.6);}
.sb-footer .copyright a:hover{text-decoration: underline;}
.sb-footer .bot .right{font-size: 0.8333vw;color: rgba(0, 0, 0, 0.6);}


/*分页*/
.page{text-align: center;margin-top: 30px;}
.page-con{display: inline-block;*display: inline;*zoom:1;}
.page a,.page span{display: block;float: left;width: 35px;height: 35px;text-align: center;line-height: 35px;font-size: 14px;color: #fff;border:1px solid #E9E9E9;
    margin: 0 5px;}
.page a:hover,
.page a.on{border-color: #eb3719;background-color: #eb3719;color: #fff;}
.page a.prev{padding: 0 15px;width: auto;}
.page a.next{padding: 0 15px;width: auto;}
.page a.prev:hover, .page a.next:hover{background-color: #eb3719;}
.page i{font-size: 14px;color: #999;line-height: 14px;font-style: normal;position: relative;top: 18px;}
/*首页*/
.index_one{position: fixed;left: 0;top: 0;background: #0D0E0F;overflow: hidden;}
#wrap{width: 250%;height: 100%;display: flex; align-items: stretch;margin: 0 20%;z-index: 3;position: relative;}
#wrap .hb {max-width: 50%;z-index: 1;display: flex;align-items: center;z-index: 2;transform: scale(.97);}
#wrap .img{display: block;max-width: 90%;position: relative;}
#wrap .img:before{position: absolute;background: rgba(0,0,0,0.7);top: 0;left: 0;width: 100%;height: 100%;content: '';transition: all 0.3s;}
#wrap .img:hover:before{background: transparent;}
#wrap .img img {display: block;width: 100%;height: auto; z-index:2;}
.index_arrow{width: 64px;height: 33px;background: url(../images/index_arr.png) no-repeat center;position: fixed;bottom: 66px;right: 82px;
	z-index: 5;cursor: pointer;}
.index_txt{position: fixed;z-index: 4;/*background: rgba(0,0,0,0.7);*/pointer-events: none;opacity: 1;top: 0;left: 0;width: 100%;display: flex;
	color: #fff;padding: 0 3.5vw;flex-direction: column;justify-content: center;transition: all 0.3s;}
.index_txt.nomask{background: transparent;}
.index_txt h1{font-size: 88px;line-height: 130px;margin-bottom: 40px;}
.index_txt .h2{display: none;}
.index_txt p{font-size: 40px;line-height: 80px;}
.index_txt .p1 span{font-size: 30px;color: #fff;font-family: cursive;}
.index_txt .p2{display: none;}
.index_2{background: #1D1D1D;padding: 40px 3.5vw 110px;position: relative;z-index: 7;}
.index_2 .title{font-size: 30px;color: #fff;line-height: 30px;padding: 40px 0;border-bottom: 1px solid #5B5B5B;}
.index_2 .box{margin-top: 174px;}
.index_2 .item{color: #fff;width: 33.33%;padding: 0 3.5vw 100px;border-right: 1px solid #A4A4A4;}
.index_2 .item:last-child{border-right: none;}
.index_2 .item .tit{font-size: 28px;line-height: 28px;padding: 10px 0 25px;font-weight: bold;margin-bottom: 40px;border-bottom: 1px solid #5B5B5B;}
.index_2 .item .con{}
.index_2 .item p{font-size: 20px;line-height: 33px;}
.lean_more{width: 295px;height: 75px;margin: 64px auto 0;display: flex;padding: 22px 0;border-bottom: 1px solid #5B5B5B;
	border-top: 1px solid #5B5B5B;align-items: center;justify-content: center;font-size: 28px;line-height: 28px;color: #fff;position: relative;}
.lean_more:before{position: absolute;top: 0;left: 0;content: '';width: 0;height: 1px;background: #fff;transition: all 0.3s;}
.lean_more:after{position: absolute;bottom: 0;right: 0;content: '';width: 0;height: 1px;background: #fff;transition: all 0.3s;}
.lean_more .arr{position: relative;width: 28px;height: 18px;}
.lean_more .sp1{width: 17px;height: 2px;background: #fff;transition: all 0.3s;display: block;transform-origin: 100% 0;transform: scaleX(1);
	position: absolute;left: 0;top: 0;}
.lean_more .sp2{position: absolute;left: 16px;top: 0;width: 2px;height: 15px;background: #fff;display: block;transition: all 0.3s;}
.lean_more .sp2:before{position: absolute;width: 2px;height: 8px;background: #fff;transform: rotate(-45deg);bottom: 0;left: -4px;content: '';}
.lean_more .sp2:after{position: absolute;width: 2px;height: 8px;background: #fff;transform: rotate(45deg);bottom: 0;right: -4px;content: '';}
.lean_more:hover .sp1{transform: scaleX(0);}
.lean_more:hover .sp2{height: 20px;}
.lean_more:hover:before{width: 100%;}
.lean_more:hover:after{width: 100%;}
.lean_more img{display: none;}
.next_more{width: 220px;height: 30px;display: flex;align-items: center;justify-content: flex-end;
    font-size: 28px;line-height: 28px;color: #fff;}
.next_more .arr{position: relative;width: 28px;height: 18px;}
.next_more .sp1{width: 2px;height: 20px;background: #fff;transition: all 0.3s;display: block;position: absolute;left: 0;bottom: 4px;}
.next_more .sp2{position: absolute;left: 0;bottom: 4px;width: 15px;height: 2px;background: #fff;display: block;transition: all 0.3s;}
.next_more .sp2:before{position: absolute;width: 2px;height: 8px;background: #fff;transform: rotate(-45deg);bottom: 0;right: 1px;content: '';}
.next_more .sp2:after{position: absolute;width: 2px;height: 8px;background: #fff;transform: rotate(-135deg);bottom: -6px;right: 1px;content: '';}
.next_more:hover .sp1{height: 0;}
.next_more:hover .sp2{width: 26px;}
.next_more img{display: none;}
.index_3{background: #0D0D0D;position: relative;z-index: 7;padding: 40px 0 0;}
.in3_top{padding: 0 3.5vw;}
.in3_top .line{padding: 52px 0;border-top: 1px solid #5B5B5B;}
.index_3 .title{font-size: 30px;color: #fff;line-height: 30px;padding: 40px 0;border-bottom: 1px solid #5B5B5B;}
.index_3 .box{padding: 80px 0;}
.index_3 .item{width: calc(50% - 8px);margin: 0 16px 16px 0;height: 575px;float: left;}
.index_3 .item:nth-child(2n){margin: 0 0 16px 0;}
.index_3 .item .mask{opacity: 0;background: rgba(0,0,0,0.7);width: 100%;height: 100%;display: flex;transition: all 0.3s;padding: 0 35px 35px;
	flex-direction: column;justify-content: flex-end;color: #fff;}
.index_3 .item:hover .mask{opacity: 1;}
.index_3 .item .mask .tit{font-size: 30px;line-height: 46px;}
.index_3 .item .mask p{font-size: 16px;line-height: 32px;}
.index_4{width: 100%;height: 730px;background-position: center;background-size: contain;background-repeat: no-repeat;background-color: #000;
	position: relative;z-index: 7;}
.index_4 .mask{width: 100%;height: 100%;text-align: center;align-items: center;display: flex;justify-content: center;flex-direction: column;
	/*background: rgba(0,0,0,0.6);*/}
.index_4 .mask p{font-size: 2.7083vw;line-height: 3.2292vw;margin-bottom: 2.6042vw;font-weight: bold; color: #fff;}
.index_4 .mask .more{position: relative;z-index: 2;display: block;width: auto;padding: 0 5.7292vw;line-height: 2.9167vw;height: 2.9167vw;color: #fff;
	font-size: 1.0417vw;margin: 0 auto;background: #D92322;border-radius: 3.125vw;}
.index_4 .mask .more:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #eb3719;
    top: 0;
    left: 0;
    right: 0;
    transform: scaleX(0);
    transform-origin: 50% 50%;
    transition: all 400ms linear 0s;
    z-index: -1;
    display: block;border-radius: 80px;
}
.index_4 .mask .more:hover:before{transform: scaleX(1);}

/*首页新样式---老板吃饱了瞎逼改*/
.sb-home .aside{right: -70px;}
.imgBg{background-size: cover;background-repeat: no-repeat;background-position: center center;}
.motion{transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.indexn_1{position: relative;z-index: 10;}
.swiper-banner{height: 100vh;}
.swiper-banner .swiper-slide{position:relative;}
.swiper-banner .imgBg{height: 100vh;}
.swiper-banner .swiper-slide video{display: block;width: 100%;height: 100%;min-height: 100%;min-width: auto;object-fit: cover;}
.swiper-banner .pic{display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.swiper-banner .video-pic{background: url('../images/video_bg.png') repeat-y;z-index: 10;}
.swiper-banner .pic img{display: block;max-width: 1280px;max-height: 300px;opacity: 0;transform: translateY(100px);transition:all 0.5s ease-in-out;}
.swiper-banner .ani-slide .pic img{opacity: 1;transform: translateY(0px);}
.swiper-banner .main{position:absolute;left:0;bottom:4.6875vw;width:100%;z-index:10;opacity: 0;transform: translateY(100px);transition:all 0.5s ease-in-out;}
.swiper-banner .main h1{font-size:2.6042vw; line-height: 1.2;font-weight:bold;padding:0 2.1875vw 1.5625vw;color:#fff;border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.swiper-banner .main .txt{width:31.25vw;font-size:0.7813vw;line-height: 1.6;color: rgba(255, 255, 255, 0.6);margin:1.25vw 0 0 2.1875vw;}
.swiper-banner .ani-slide .main{opacity: 1;transform: translateY(0px);}


.swiper-banner .swiper-button-next,
.swiper-banner .swiper-button-prev{width: 2.6042vw;height: 2.6042vw;background: none;display: flex;align-items: center;justify-content: center;border-radius: 50%;left:auto;top:auto;margin:0;right:3.8542vw;bottom:4.8438vw;box-sizing:border-box;border:1px solid rgba(255,255,255,0.3);transition: all .5s;}
.swiper-banner .swiper-button-prev{right: 6.9792vw;}
.swiper-banner .swiper-button-next i,
.swiper-banner .swiper-button-prev i{display: block;width: 6px;height: 10px;background: url('../images/sw_arrow.png') no-repeat;background-size:cover;}
.swiper-banner .swiper-button-next i{transform: rotate(180deg);}
.swiper-banner .swiper-button-next:hover,
.swiper-banner .swiper-button-prev:hover{background: #fff;border-color:#fff;}
.swiper-banner .swiper-button-next:hover i,
.swiper-banner .swiper-button-prev:hover i{background-image: url('../images/sw_h_arrow.png');}

.indexn_1 .down{display: block;width: 29px;height: 33px;background: url('../images/down_arrow.png') no-repeat;position: absolute;z-index: 10;left: 50%;bottom: 2.3958vw;margin-left: -15px;}
.indexn_2{display: flex;align-items: center; box-sizing: border-box;height: 38.1771vw;background: url('../img/index2_bg.jpg') no-repeat center center;background-size: cover;position: relative;z-index: 10;}
.indexn_2 .container{display: flex;justify-content: space-between;align-items: center;}
.indexn_2 .item{width: 304px;}
.indexn_2 .num{font-size: 69px;font-weight: bold;line-height: 84px;letter-spacing: 0.02em;color: #DD1E1E;font-family: Impact;}
.indexn_2 .name{font-size: 27px;line-height: 36px;font-weight: bold;color: rgba(0, 0, 0, 0.8);}
.indexn_2 .txt{font-size: 16px;line-height: 26px;color: rgba(0, 0, 0, 0.8);font-weight: 300;margin-top: 15px;}
.indexn_2 .pic{width: 309px;}
.indexn_2 .pic img{display: block;width: 100%;}
.indexn_2 .img{width: 137px;height: 137px;border:10px solid #fff;border-radius: 50%;position: absolute;left: 50%;bottom: -68px;margin-left: -68px;}
.indexn_2 .img img{display: block;width: 100%;}
.indexn_3{display: flex;}
.indexn_3 a{display: block;width: 25%;position: relative;height: 546px;}
.indexn_3 .imgBg{height: 546px;}
.indexn_3 .main{width:100%;height: 100%;position: absolute;left: 0;top: 0;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.indexn_3 .box{padding-left: 6.875vw;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;padding-top: 175px;}
.indexn_3 .box img{display: block;height: 55px;}
.indexn_3 .box .name{font-size: 30px;line-height: 40px;font-weight: bold;color: #fff;margin-top: 12px;}
.indexn_3 .box .en{font-size: 17px;line-height: 23px;font-weight: 300;letter-spacing: 0.045em;color: #fff;margin-top: 14px;}
.indexn_3 .box .type{display: none;margin-top: 30px;}
.indexn_3 .box .type span{display: block;font-size: 17px;line-height: 30px;text-decoration: underline;color: #fff;letter-spacing: 0.045em;}
.indexn_3 .box .more{display: none;border:2px solid #fff;width: 138px;line-height: 40px;font-size: 15px;text-align: center;margin-top: 26px;color: #fff;}
.indexn_3 a:hover .main{background: #DD1E1E;}
.indexn_3 a:hover .box{padding-top: 95px;}
.indexn_3 a:hover .box .type,
.indexn_3 a:hover .box .more{display: block;}

.indexn_4{padding: 140px 0 114px;}
.indexn_4 .container{width: 1500px;}
.indexn_4 .title{font-size: 19px;line-height: 46px;font-weight: 300;color: rgba(0, 0, 0, 0.8);padding-top: 26px;border-top: 2px solid #0A0A0A;}
.indexn_4 h4{font-size: 36px;line-height: 50px;font-weight: normal;color: rgba(0, 0, 0, 0.8);}

/*新样式--628*/
.com-title{display: flex;align-items: center;font-size: 0.8854vw;line-height: 1.1458vw;color: #fff;font-weight: bold;letter-spacing: 5px;}
.com-title .line{width: 4.1667vw;height: 2px;background: rgba(255,255,255,0.3);position: relative;margin-right: 10px;}
.com-title .line::after{content: '';width: 1.6667vw;height: 2px;background: #fff;position: absolute;right: 0;top: 0;}
.motionH{transition: .3s linear;-webkit-transition: .3s linear;-moz-transition: .3s linear;}
.link-more{display: flex;align-items: center;height: 36px;margin-top: 12px;}
.link-more p{padding: 0 0.9375vw;font-size: 14px;line-height: 36px;color: rgba(0, 0, 0, 0.8);background: #E8E8E8;border-radius: 18px;margin-right: 10px;font-weight: bold;}
.link-more i{display: block;width: 36px;height: 36px;background: url(../images/arrow_wr.png) no-repeat center center #000;border-radius: 50%;background-size: 18px 18px;}

.customer-box{background:#D92322;padding: 2.9167vw 0;}
.customer-box .marquee{position:relative;overflow:hidden;height:2.5vw;}
.customer-box .marquee .list{display:flex; width: calc(12.2917vw * var(--move-num));}
.customer-box .marquee .step{margin: 0 1.0417vw;}
.customer-box .marquee .img{display:flex;align-items:center;justify-content:center;height: 2.5vw;width:10.2083vw;}
.customer-box .marquee img{display:block;max-height:2.5vw;max-width:10.2083vw;}
.customer-box .marquee .move1{animation: moveimg1 calc(2.5s * var(--move-num)) linear infinite;}
.customer-box .marquee .move2{position: absolute;top: 0;transform: translateX(100%);animation: moveimg2 calc(2.5s * var(--move-num)) linear infinite;}

@keyframes moveimg1 {
    0% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(-100%)
    }
}

@keyframes moveimg2 {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0%)
    }
}

.home-box1{position: relative;min-height: 100vh;overflow: hidden;}
.home-box1 video{display: block;width: 100%;height: 100vh;object-fit: cover;position: absolute;left: 0;top: 0;z-index: 1;}
.home-box1 .bg{position: absolute;left: 0;top: -23.0208vw;width: 100%;height: 73.0208vw;background: url(../img/year.svg) no-repeat;background-size: cover;z-index: 5;transition: .3s linear;}
.home-box1 .warp1{height: 100vh;position: relative;z-index: 8;transition: .3s linear;}
.home-box1 .warp1 .container{padding-top: 20.8333vw;text-align: center;}
.home-box1 .warp1 .en{font-size: 1.3021vw;line-height: 1;font-weight: 300;color: rgba(0, 0, 0, 0.6);letter-spacing: 0.2604vw;text-transform: uppercase;}
.home-box1 .warp1 .title{font-size: 2.0833vw;line-height: 2.7604vw;color: rgba(0, 0, 0, 0.8);font-weight: bold;margin-top: 3.6458vw;}
.home-box1 .link{display: flex;align-items: center;justify-content: center;width: 100px;height: 36px;margin: 1.5625vw auto 0;border-radius: 20px;font-size: 14px;color: #fff;background: #D92322;}
.home-box1 .warp2{opacity: 0;position: relative;z-index: 10;height: 100vh;transform: translateY(100px);box-sizing: border-box;padding-top: 7.8125vw;transition: .3s linear;}
.home-box1 .warp2 .container{width: 79.1667vw;display: flex;justify-content: space-between;}
.home-box1 .warp2 .left{width: 36.9792vw;margin-top: 2.6042vw;}
.home-box1 .warp2 .title{font-size: 2.0833vw;line-height: 1.325;color: #fff;margin-top: 1.5625vw;font-weight: bold;}
.home-box1 .warp2 .link{margin: 3.6458vw 0 0;}
.home-box1 .warp2 .right{width: 36.9792vw;}
.home-box1 .warp2 .item{margin-bottom: 5.8854vw;}
.home-box1 .warp2 .item:last-child{margin-bottom: 0;display: flex;justify-content: space-between;}
.home-box1 .warp2 .num{font-size: 7.3438vw;line-height: 10.3125vw;border-bottom: 1px solid #fff;font-weight: bold;color: #fff;font-family: 'Alibaba PuHuiTi 2.0';}
.home-box1 .warp2 p{font-size: 1.0417vw;line-height: 1.3;color: #fff;margin-top: 2.0833vw;}
.home-box1 .warp2 .step{width: 16.6667vw;}
.home-box1 .warp2 .step .num{font-size: 4.9479vw;line-height: 6.9271vw;}

.home-box1-ing video{position: fixed;}
.home-box1-end video{position: absolute;top: auto; bottom: 0;}
.home-box1-ing .warp1{opacity: 0;transform: translateY(100px);}
.home-box1-ing .bg{position: fixed;top: calc(50vh - 36.5104vw);transform: scale(1.1, 1.1);}
.home-box1-end .bg{opacity: 0;}
.home-box1-show .warp2{opacity: 1;transform: translateY(0px);}
.home-box1-show .warp2 .container{width:86.4583vw;}


.home-box2{padding: 7.2917vw 0 7.5vw;background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);}
.home-box2 .container{width: 86.4583vw;}
.home-box2 .com-title{color: rgba(0, 0, 0, 0.6);}
.home-box2 .com-title .line{background: rgba(0, 0, 0, 0.1);}
.home-box2 .com-title .line::after{background: #D92322;}
.home-box2 .top{display: flex;justify-content: space-between;}
.home-box2 .title{font-size: 1.9792vw;line-height: 2.6042vw;font-weight: bold;color: rgba(0, 0, 0, 0.8);}
.home-box2 .tips{font-size: 1.9792vw;line-height: 1.3158;color: rgba(0, 0, 0, 0.8);margin-top: 1.25vw;font-weight:bold;}
.home-box2 .list{margin-top: 3.3854vw;padding-bottom:0.8333vw;}
.home-box2 .list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.home-box2 .list li{width: 42.4479vw;margin-bottom: 3.6458vw;}
.home-box2 .list a{display: block;position: relative;}
.home-box2 .list .pic{position: relative;overflow: hidden;height: 25vw;}
.home-box2 .list .pic .case-pic{display: block;width: 100%;height: 25vw;object-fit: cover;transition: all .5s;}
.home-box2 .list .abs{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;display:flex;box-sizing:border-box;flex-direction:column;padding: 5.1563vw 1.0417vw 1.1458vw;background:rgba(0, 0, 0, 0.3);backdrop-filter: blur(36px);-webkit-backdrop-filter: blur(36px);justify-content:space-between;transition: all .5s;opacity:0;}
.home-box2 .list .logo{display:flex;align-items:center;justify-content:center;}
.home-box2 .list .logo img{width:auto;}
.home-box2 .list .txt{font-size:0.7292vw;line-height:1.8571;color:#fff;}
.home-box2 .list .view{line-height:2.5vw;font-size:0.7292vw;background:#fff;border-radius:1.25vw;color:rgba(0, 0, 0, 0.7);text-align:center;margin-top: 1.5625vw;}
.home-box2 .list .name{font-size: 1.3542vw;line-height: 1;color: #000;margin-top: 1.875vw;}
.home-box2 .list p{font-size: 0.8854vw;line-height: 1;color: rgba(0, 0, 0, 0.6);margin-top: 1.0417vw;}
.home-box2 .list li:hover img{transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);}
.home-box2 .list li:hover .abs{opacity: 1;}
.home-box2 .more{display:block;width:11.4583vw;line-height:2.5vw;background: #D3D3D3;border-radius:1.25vw;margin:0 auto;font-size:0.8333vw;color:#fff;font-weight:bold;transition: all .5s;text-align:center;}
.home-box2 .more:hover{background: #D92322;}


.home-box3{position: relative;min-height: 200vh;}
.home-box3 .serve-box{height:100vh;overflow:hidden;position:absolute;left:0;top:0;width:100%;}
.home-box3 .serve-box .container{width:86.4583vw;padding-top:8.6458vw;}
.home-box3 .com-title{color: rgba(0, 0, 0, 0.6);}
.home-box3 .com-title .line{background: rgba(0, 0, 0, 0.1);}
.home-box3 .com-title .line::after{background: #D92322;}
.home-box3 .tips{font-size: 1.9792vw;line-height: 1.3158;font-weight: bold;color: rgba(0, 0, 0, 0.8);margin-top: 2.5vw;}
.home-box3 .show-pic{position:absolute;left:0;top:0;width:26.0417vw;z-index: 10;display:none;}
.home-box3 .show-pic img{display:block;width:100%;}
.home-box3 .show-active{display:block;}

.home-box3 .point{position: absolute;left:0;}
.home-box3 .point-bs{top:-50vh;}
.home-box3 .point-start{top: 0;}
.home-box3 .point-end{bottom: 100vh;}
.home-box3 .point-ae{bottom:50vh;}

.home-box3 .left{position: absolute;left: 10.4167vw;top: 0;width: 24.2708vw;z-index: 10;box-sizing: border-box;height: 100vh;padding-top: 6.7708vw;}
.home-box3 .nav{margin-top: 1.0417vw;}
.home-box3 .nav .item{font-size: 1.9792vw;line-height: 2.6042vw;color: #fff;font-weight: bold;margin-bottom: 0.3125vw;}
.home-box3 .nav .active{color: #D92322;}
.home-box3 .info{font-size: 0.8333vw;line-height: 1.5;color: rgba(255,255,255,0.8);margin-top: 1.0417vw;}
.home-box3 .more{margin-top: 1.7188vw;width: 7.2917vw;height: 1.875vw;font-size: 14px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;font-weight: bold;color: #fff;border-radius: 1.0417vw;border: 1px solid #fff;transition: .3s linear;}
.home-box3 .more:hover{background: #D92322;border-color: #D92322;}
/*.home-box3 .list{width: 42.7083vw;margin-left: 43.1771vw;padding-left: 3.6458vw;border-left: 1px solid rgba(255,255,255,0.2);position: relative;z-index: 10;}*/
/*.home-box3 .list .item{min-height: 100vh;display: flex;align-items: center;position: relative;}*/
/*.home-box3 .list .pos{position: absolute;top: -30vh;}*/
/*.home-box3 .list .box{padding: 2.0833vw 0;}*/
/*.home-box3 .fsb{display: flex;justify-content: space-between;margin-top: 2.0313vw;}*/
/*.home-box3 .title{font-size: 1.3542vw;line-height: 1.7708vw;color: #fff;font-weight: bold;}*/
/*.home-box3 .link-more{margin-top: 0;}*/
/*.home-box3 .link-more p{color: #fff;background: rgba(0, 0, 0, 0.3);}*/
/*.home-box3 .link-more i{background-color: #D92322;}*/
/*.home-box3 .txt{font-size: 0.7813vw;line-height: 2;color: #fff;margin-top: 0.7292vw;}*/
.home-box3 .list{margin-top:12.9688vw;display:flex;width:100vw;}
.home-box3 .list .item{margin-right:11.6667vw;width:13.125vw;}
.home-box3 .list .title{font-size:1.875vw;line-height:1.3333;color:rgba(0, 0, 0, 0.8);font-weight:bold;}
.home-box3 .list ul{margin-top:2.2917vw;}
.home-box3 .list li a{display:block;font-size:0.8333vw;color:#000;opacity:.5;line-height:2.125;transition:all .5s;}
.home-box3 .list li:hover a{opacity:1;font-weight:bold;padding-left:0.8333vw;}

.home-box3-ing .serve-box{position:fixed;}
.home-box3-end .serve-box {position:absolute;top:auto;bottom:0;}

.home-box3-ing .left,
.home-box3-ing .bg{position: fixed;}
.home-box3-end .left,
.home-box3-end .bg{position: absolute;top: auto;bottom: 0;}

.home-box4{background: url(../img/home_box4_bg.jpg) no-repeat center center;background-size: cover;padding: 6.9271vw 0 8.3333vw;}
.home-box4 .container{width: 79.1667vw;}
.home-box4 .com-title{color: rgba(0, 0, 0, 0.6);}
.home-box4 .com-title .line{background: rgba(0, 0, 0, 0.10);}
.home-box4 .com-title .line::after{background: #D92322;}
.home-box4 h4{font-size: 1.9792vw;line-height: 2.6042vw;margin-top: 1.25vw;font-weight: bold;color: rgba(0, 0, 0, 0.8);}
.home-box4 .box-main{border-top: 1px solid #ECECEC;margin-top: 3.3333vw;}
.home-box4 .nav-list{display: flex;justify-content: space-between;}
.home-box4 .nav-list .item{font-size: 1.0417vw;color: rgba(0, 0, 0, 0.8);line-height: 1.3;padding-top: 1.5625vw;position: relative;cursor: pointer;}
.home-box4 .nav-list .active{font-weight: bold;}
.home-box4 .nav-list .active::after{content: '';width: 100%;height: 3px;position: absolute;background: #D92322;top: -1px;left: 0px;}
.home-box4 .swiper-pro{margin-top: 3.3854vw;}
.home-box4 .swiper-pro .main{display: flex;justify-content: space-between;align-items: flex-end;}
.home-box4 .swiper-pro .left{width: 20.3125vw;padding-bottom: 8.3333vw;}
.home-box4 .swiper-pro .title{display: flex;align-items: center;font-size: 1.3021vw;line-height: 1.875vw;color: rgba(0, 0, 0, 0.8);font-weight: bold;}
.home-box4 .swiper-pro .num{background: #D92322;width: 1.875vw;height: 1.875vw;border-radius: 50%;font-size: 0.7813vw;display: flex;align-items: center;justify-content: center;color: #fff;font-weight: bold;margin-right: 0.7813vw;}
.home-box4 .swiper-pro .txt{font-size: 0.9375vw;line-height: 1.4583vw;margin-top: 1.0417vw;color: rgba(0, 0, 0, 0.8);}
.home-box4 .swiper-pro .pic{width: 52.1354vw;box-shadow: 0px 5.2083vw 4.1667vw 0px rgba(106, 75, 255, 0.02);}
.home-box4 .swiper-pro .pic img{display: block;width: 100%;}
.home-box4 .swiper-pro .swiper-pagination{display: flex;justify-content: flex-start;bottom: 2.3958vw;}
.home-box4 .swiper-pro .swiper-pagination-bullet{width: 9px;height: 9px;background: #D9D9D9;border-radius: 50%;opacity: 1;margin: 0 0.625vw 0 0;}
.home-box4 .swiper-pro .swiper-pagination-bullet-active{background: #000;}

/*新---案例列表*/
.caseList-new{padding: 40px 0 12px;}
.caseList-new li{float: left;width: 22.87%;margin: 0 2.84% 50px 0;}
.caseList-new li:nth-child(4n){margin-right: 0;}
.caseList-new li a{display: block;}
.caseList-new li .pic{height: 208px;overflow: hidden;}
.caseList-new li .imgBg{height: 208px;}
.caseList-new li .name{font-size: 18px;line-height: 28px;color: #333;font-weight: bold;margin-top: 20px;}
.caseList-new li .type{font-size: 12px;line-height: 24px;color: #505050;font-weight: 300;}
.caseList-new li .type span{font-size: 14px;color: #AEAEAE;margin: 0 4px;}
.caseList-new li .more{display: flex;margin-top: 20px;background: rgba(0, 0, 0, 0.8);border: 1px solid rgba(0, 0, 0, 0.15);box-sizing: border-box;width: 140px;height: 37px;padding: 0 27px 0 19px;justify-content: space-between;align-items: center;font-size: 12px;color: #fff;}
.caseList-new li .more i{display: block;width: 11px;height: 10px;background: url('../images/case_arrow.png') no-repeat;background-size: cover;}
.caseList-new li:hover .imgBg{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);}
.caseList-new li:hover .more{background: #DD1E1E;border-color: #DD1E1E;}
.view-all{display: flex;justify-content: center;}
.view-all a{display:block;font-size: 19px;line-height: 46px;border-bottom: 1px solid rgba(0, 0, 0, 0.8);color: rgba(0, 0, 0, 0.8);position: relative;}
.view-all a::after{content: '';position: absolute;left: 0;bottom: -1px;width: 0;height: 1px;background: #DD1E1E;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.view-all a:hover{color: #DD1E1E;}
.view-all a:hover::after{width: 100%;}

/*解决方案*/
.solution-main{background: url('../img/solution_bg.jpg') no-repeat center bottom;background-size: cover;padding: 182px 0 146px;}
.solution-main .container{width: 1500px;}
.solution-nav{display: flex;border-bottom: 1px solid rgba(0, 0, 0, 0.12);margin-bottom: 60px;height: 132px;justify-content: center;}
.solution-nav a{display: block;text-align: center;margin: 0 80px;padding-bottom: 10px;}
.solution-nav img{display: block;width: 60px;margin: 0 auto 10px;}
.solution-nav p{line-height: 52px;color: rgba(0, 0, 0, 0.8);font-size: 20px;}
.solution-nav .active{border-bottom: 2px solid #DD1E1E;}
.solution-nav a:hover p{color: #DD1E1E;}
.solution-main .top{display: flex;justify-content: space-between;}
.solution-main .top .left .en{font-size: 76px;line-height: 93px;letter-spacing: 0.1em;text-transform: uppercase;color: #DD1E1E;font-family: Impact;}
.solution-main .top .left h4{font-size: 44px;line-height: 46px;font-weight: 300;color: rgba(0, 0, 0, 0.8);} 
.solution-main .top .left .view{display: flex;align-items: center;font-size: 18px;line-height: 46px;color: rgba(0, 0, 0, 0.8);font-weight: 300;margin-top: 25px;}
.solution-main .top .left .view i{display: block;width: 16px;height: 19px;background: url('../images/case_down.png') no-repeat;margin-left: 8px;}
.solution-main .top .right{width: 558px;font-size: 16px;line-height: 26px;font-weight: 300;color: rgba(0, 0, 0, 0.8);padding-top: 24px;border-top: 5px solid rgba(0, 0, 0, 0.8);}
.solution-main .top .right p{margin-bottom: 10px;}
.customer{margin-top: 208px;}
.customer .nums{display: flex;}
.customer .nums .item{display: flex;align-items: center;margin-right: 72px;}
.customer .nums .num{font-size: 58px;line-height: 62px;color: #000;letter-spacing: 0.02em;font-family: Impact;margin-right: 30px;}
.customer .nums .num span{color: #DD1E1E;font-size: 58px;font-family: Impact;}
.customer .nums .txt{font-size: 19px;line-height: 26px;color: rgba(0, 0, 0, 0.8);max-width: 142px;}
.customer .list{margin-top: 32px;}
.customer .list .cell{width: 7.86%;margin:0 1.354% 10px 0;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.03);border-radius: 10px;overflow: hidden;float: left;}
.customer .list .cell:nth-child(11n){margin-right: 0;}
.customer .list .cell img{display: block;width: 100%;}
.design{margin-top: 100px;border-top: 1px solid rgba(0, 0, 0, 0.12);padding-top: 57px;}
.design .nav li{display: flex;align-items: center;float: left;margin-right: 56px;cursor: pointer;}
.design .nav li:last-child{margin-right: 0;}
.design .nav li .icon{width: 64px;height: 64px;background: rgba(0, 0, 0, 0.8);box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03);display: flex;align-items: center;justify-content: center;margin-right: 16px;border-radius: 50%;z-index: 0;position: relative;}
.design .nav li .icon::after{content: '';position: absolute;left: 50%;top: 50%;width: 0;height: 0;opacity: 0; transform: translate(-50%,-50%);background:#DD1E1E;z-index: 5;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;border-radius: 50%;}
.design .nav li img{display: block;width: 35px;position: relative;z-index: 10;}
.design .nav li p{font-size: 19px;line-height: 40px;color: rgba(0, 0, 0, 0.8);}
.design .nav li.active .icon::after,
.design .nav li:hover .icon::after{width: 100%;height: 100%;opacity: 1;}
.design .tabs{margin-top: 58px;position: relative;height: 430px;border-radius: 16px;overflow: hidden;}
.design .tabs .imgBg{height: 430px;}
.design .tabs .info{position: absolute;left: 56px;top: 55px;width: 450px;font-size: 15px;line-height: 28px;color: #fff;}
.design .tabs .types{position: absolute;right: 0;bottom: 0;box-sizing: border-box;width: 702px;padding: 32px 0 32px 72px;background: rgba(221, 30, 30, 0.8);border-radius: 16px 0px;}
.design .tabs .types .cell{line-height: 28px;font-size: 14px;color: #fff;width: 50%;box-sizing: border-box;padding-left: 16px;position: relative;float: left;}
.design .tabs .types .cell::before{content: '';width: 5px;height: 5px;background: #fff;border-radius: 50%;position: absolute;left: 0;top: 11px;}
.design .tabs .ask{display: inline-block;position: absolute;left: 56px;bottom: 70px;font-size: 19px;line-height: 40px;color: #fff;font-weight: bold;border-bottom: 2px solid #fff;}
.design .tabs .ask:hover{color: #DD1E1E;border-color: #DD1E1E;}
.design .tabs .view-all{position: absolute;left: 56px;bottom: 70px;display: inline-block;font-size: 19px;line-height: 40px;font-weight: bold;color: #fff;border-bottom: 2px solid #fff;z-index: 10;}
.design .tabs .view-all:hover{color: #DD1E1E;border-color: #DD1E1E;}

.case-box{border-top: 1px solid rgba(0, 0, 0, 0.12);padding-top: 86px;}
.case-box .title{font-size: 32px;line-height: 44px;color: rgba(0, 0, 0, 0.8);}
.case-box .caseList-new{padding-top: 32px;}

/*案例*/
.hg_ding{height: 100px;background: #0D0E0F;}
.new_case .hg_ding{background:#fff;position:relative;}
.new_case .hg_ding::after{content:'';width:100%;height:1px;background:#ECECEC;position:absolute;left:0;bottom:0;}
.new_case .new-header .nav li a{color: rgba(0, 0, 0, 0.8);}
.new_case .new-header .nav li.on a{border-color:#D92322;}
.new_case .new-header .logo img,
.new_case .new-header .tel img{display: none;}
.new_case .new-header .logo .bimg,
.new_case .new-header .tel .bimg{display:block;}
.new_case .new-header .tel p,
.new_case .new-header .tel .num{color: rgba(0, 0, 0, 0.8);}
.new_case .new-header .tel .box{border-color: rgba(0, 0, 0, 0.15);}
.new_case .new-header-fixed{background:#fff;}

.case_con{background: #FFF;padding-bottom: 50px;}
.case_top{padding: 5.5208vw 10.4167vw 0;}
.case_top .en{font-size:16px;line-height:21px;color: rgba(0, 0, 0, 0.4);}
.case_top .section{display:flex;justify-content:space-between;align-items: center;margin-top: 8px;}
.case_top .title{font-size:3.0729vw;line-height:1.4915;color: #000;}
.case_top .box{border-left: 1px solid rgba(0, 0, 0, 0.15);padding-left:1.4063vw;width: 29.3958vw;}
.case_top .info{font-size:1.0938vw;line-height:1.619;color: #000;}
.case_top .ask{display:flex;align-items:center;font-size:16px;line-height:2.125;color:#D92322;margin-top: 2.0313vw;}
.case_top .ask i{display:block;width:24px;height:24px;background:url(../images/arrow_wr.png) no-repeat center center #D92322;border-radius:50%;margin-left: 10px;background-size:16px 16px;transition: all .5s;}
.case_top .ask:hover i{margin-left: 20px;}
.case_one{padding: 0 10.4167vw;background: #FFF;margin-top:5.2083vw;display:flex;}
.case_one a{display:flex; align-items:center; height: 48px;font-size: 15px;rgba(0, 0, 0, 0.4);margin-right: 12px;border-radius:24px;border:1px solid #CECECE;padding:0 1.6667vw;transition: all .5s;}
.case_one a span{font-size:11px;line-height:15px;color:#fff;display:none;position:relative;top:-5px;}
.case_one a.on,
.case_one a:hover{color: #fff;border-color:#D92322;background: #D92322;}
.case_one a.on span{display:block;margin-left:6px;}
.case_mb{display: none;}

.case_box{padding: 32px 1.5625vw 28px;margin-top:2.0833vw;border-top:1px solid #DFDFDF;display:flex;flex-wrap:wrap;}
.case_box .item{width: calc(33.33% - 32px);margin: 0 48px 48px 0;/*height: 382px;*/float: left;position: relative;}
.case_box .item img{display: block;width: 100%}
.case_box .item:nth-child(3n){margin-right:0;}
.case_box .item1 .mask{opacity: 0;background: #DD1E1E;width: 100%;height: 100%;display: flex;transition: all 0.3s;padding: 0 32px 20px;
	flex-direction: column;justify-content: center;color: #f9f9f9;position: absolute;left: 0;top: 0;box-sizing:border-box;}
.case_box .item1:hover .mask{opacity: 1;}
.case_box .item1 .mask .line{background: #f9f9f9;width: 6px;height: 1px;margin-bottom: 12px;}
.case_box .item1 .mask .tit{font-size: 24px;line-height: 29px;margin-bottom: 5px;font-weight: bold;}
.case_box .item1 .mask p{font-size: 16px;line-height: 32px;}
.mb_more{display: none;}
.case_box .item2 .mask{opacity: 0;background: rgba(0,0,0,0.7);width: 100%;height: 100%;display: flex;transition: all 0.3s;
    align-items: center;justify-content: center;color: #f9f9f9;position: absolute;left: 0;top: 0;}
.case_box .item2:hover .mask{opacity: 1;}
.case_box .item2 .img{width: 180px;text-align: center;}
.case_box .item2 .img img{max-width: 100%;}
.case_box .item2 .mask p{font-size: 14px;margin-top: 10px;color: rgba(255,255,255,0.5);}
.case_box .item2 .text{width: 250px;margin-left: 50px;padding-bottom: 40px;}
.case_box .item2 .mask .tit{font-size: 30px;line-height: 46px;margin-bottom: 20px;}
.case_box .item2 a{display: flex;width: 150px;font-size: 17px;color: #f9f9f9;align-items: center;justify-content: center;position: relative;border-top: 1px solid #B5B5B5;
    border-bottom: 1px solid #B5B5B5;height: 40px;}
.case_box .item2 a:before{position: absolute;top: -1px;left: 0;content: '';width: 0;height: 1px;background: #D92222;transition: all 0.3s;}
.case_box .item2 a:after{position: absolute;bottom: -1px;right: 0;content: '';width: 0;height: 1px;background: #D92222;transition: all 0.3s;}
.case_box .item2 a:hover{color: #D92222;}
.case_box .item2 a:hover:before{width: 100%;}
.case_box .item2 a:hover:after{width: 100%;}
.case_con .page a,
.case_con .page span{color: #666;}
.case_con .page a:hover,
.case_con .page a.on{color:#fff;}


/*案例详情*/
.case_det{width: 100%;display: flex;justify-content: center;color: #fff;flex-direction: column;padding: 94px 3.5vw;}
.case_det .con{padding: 0 107px;}
.case_det .tit{font-size: 46px;padding-bottom: 27px;border-bottom: 1px solid #fff;width: 530px;margin-bottom: 24px;line-height: 46px;}
.case_det p{font-size: 22px;line-height: 34px;margin-bottom: 32px;}
.case_det .link{display: block;width: 50px;height: 50px;background: url(../images/link_icon.png) no-repeat center;border-radius: 100%;transition: all 0.3s;}
.case_det .link:hover{transform: rotate(180deg);}
.case_info{padding: 85px 3.5vw 134px;background: #191919;position: relative;}
.case_info:before{width: 50%;position: absolute;height: 100%;left: 0;content: '';background: #191919;top: 0;}
.case_info:after{width: 50%;position: absolute;height: 100%;right: 0;content: '';background: #1D1D1D;top: 0;}
.case_info .cont{color: #fff;position: relative;z-index: 2;width: 100%;margin: 0 auto;padding: 0 107px;}
.case_info .txt_l{width: 40%;}
.case_info .txt_l p{font-size: 14px;line-height: 30px;color: #b2b2b2;margin-bottom: 45px;}
.case_info .txt_l .p1{color: #fff;margin-bottom: 22px;}
.case_info .txt_l a{display: flex;width: 160px;font-size: 17px;color: #fff;align-items: center;justify-content: center;position: relative;border-top: 1px solid #B5B5B5;
    border-bottom: 1px solid #B5B5B5;height: 40px;}
.case_info .txt_l a:before{position: absolute;top: -1px;left: 0;content: '';width: 0;height: 1px;background: #D92222;transition: all 0.3s;}
.case_info .txt_l a:after{position: absolute;bottom: -1px;right: 0;content: '';width: 0;height: 1px;background: #D92222;transition: all 0.3s;}
.case_info .txt_l a:hover{color: #D92222;}
.case_info .txt_l a:hover:before{width: 100%;}
.case_info .txt_l a:hover:after{width: 100%;}
.case_info .txt_r{width: 500px;}
.case_info .txt_r .tit{color: #fff;font-size: 30px;margin-bottom: 40px;line-height: 30px;}
.case_info .txt_r .line{width: 30px;height: 2px;background: #fff;margin-bottom: 50px;}
.case_info .txt_r .row{width: 105px;}
.case_info .txt_r .row img{max-width: 100%;}
.case_info .txt_r .row span{font-size: 14px;display: block;text-align: center;margin-top: 20px;color: #999;}
.case_xq{width: 100%;}
.case_xq img{width: 100%;}
.case_tj{background: #0D0D0D;position: relative;z-index: 7;padding: 40px 3.5vw 45px;}
.case_tj .title{font-size: 30px;color: #fff;line-height: 30px;padding: 40px 0;border-bottom: 1px solid #5B5B5B;}
.case_tj .box{padding: 35px 0 90px;}
.case_tj .item{width: calc(33.33% - 13px);margin-right: 19px;height: 343px;float: left;position: relative;}
.case_tj .item:nth-child(3n){margin: 0 0 16px 0;}
.case_tj .item .mask{opacity: 0;background: rgba(0,0,0,0.7);width: 100%;height: 100%;display: flex;transition: all 0.3s;padding: 30px;
	flex-direction: column;justify-content: flex-end;color: #fff;}
.case_tj .item:hover .mask{opacity: 1;}
.case_tj .item .mask .tit{font-size: 30px;line-height: 46px;}
.case_tj .item .mask p{font-size: 16px;line-height: 32px;}
.case_tj .lean{border-top: 1px solid #5B5B5B;padding: 50px 0;}
.case_tj .more{padding: 52px 0;font-size: 28px;color: #fff;line-height: 28px;text-align: right;display: block;}
.case_tj .more img{margin-right: 10px;}
.case_tj .item .botit{position: absolute;bottom: -48px;font-size: 24px;color: #fff;width: 100%;}
/*公司*/
.abt_one{width: 100%;position: fixed;top: 0;left: 0;background: #0D0E0F;text-align: center;}
.abt_one .box{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;
	z-index: 2;}
.abt_one h2{font-size: 36px;color: #fff;font-weight: normal;margin-bottom: 42px;}
.abt_one .img{}
.abt_one p{position: absolute;bottom: 0;width: 100%;}
.abt_one .arr{width: 64px;height: 33px;background: url(../images/index_arr.png) no-repeat center;position: absolute;bottom: 80px;left: 50%;
	z-index: 2;cursor: pointer;margin-left: -32px;animation: moveDown 1.5s linear infinite;}
@keyframes moveDown {
  	0% {bottom: 100px;opacity: 0; }
  	50% { margin-top: 80px;opacity: 1 }
  	100% {margin-top: 60px;opacity: 0;}
}
.abt_two{width: 100%;background: url(../images/abt_two.png) no-repeat center;background-size: cover;height: 800px;background-attachment: fixed;
	display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;position: relative;z-index: 7;}
.abt_two .tit{font-size: 100px;color: #fff;margin-bottom: 44px;line-height: 100px;}
.abt_two p{font-size: 40px;color: #fff;line-height: 70px;}
.abt_three{width: 100%;background: url(../images/abt_three.png) no-repeat center;padding: 144px 3% 150px;background-size: cover;
	text-align: center;position: relative;z-index: 7;}
.abt_three .tit{font-size: 48px;color: #fff;margin-bottom: 40px;line-height: 48px;}
.abt_three p{font-size: 20px;color: #999;line-height: 44px;}
.abt_four{width: 100%;height: 600px;background: url(../images/abt_four.png) no-repeat center;background-size: cover;background-attachment: fixed;
	position: relative;z-index: 7;}
.abt_five{background: #1D1D1D;padding: 100px 0 110px;position: relative;z-index: 7;}
.abt_five .title{font-size: 48px;color: #fff;margin-bottom: 20px;line-height: 48px;text-align: center;}
.abt_five p{font-size: 20px;color: #999;line-height: 42px;text-align: center;}
.abt_five .box{margin: 60px auto 0;width: 100%;}
.abt_five .mb_box{display: none;}
.abt_five .item{width: calc(50% - 8px);height: 575px;float: left;}
.abt_five .item:nth-child(2n){float: right;}
.abt_five .item .mask{opacity: 0;background: rgba(0,0,0,0.7);width: 100%;height: 100%;transition: all 0.3s;color: #fff;display: flex;
    padding: 0 3.5vw 40px;flex-direction: column;justify-content: flex-end;}
.abt_five .item:hover .mask{opacity: 1;}
.abt_five .item .mask .tit{font-size: 30px;line-height: 46px;}
.abt_five .item .mask .desc{font-size: 16px;line-height: 32px;}
.abt_five .more{position: relative;z-index: 2;display: block;width: 300px;line-height: 80px;height: 80px;color: #fff;
	font-size: 24px;margin: 70px auto 0;background: #D92322;border-radius: 80px;text-align: center;}
.abt_five .more:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #eb3719;
    top: 0;
    left: 0;
    right: 0;
    transform: scaleX(0);
    transform-origin: 50% 50%;
    transition: all 400ms linear 0s;
    z-index: -1;
    display: block;border-radius: 80px;
}
.abt_five .more:hover:before{transform: scaleX(1);}
/*联系我们*/
.contact_map{ position:relative;}
.contact_map > img { width:100%; height:auto; }
.contact_map .position{ position:absolute; cursor:pointer; width:200px; height:120px; left:50%; top:50%; margin:-60px 0 0 -100px; z-index:2;} 
.contact_map .position i{ display:block; background:url('../images/pos.png') no-repeat; width:43px; height:56px; margin:0 auto 20px;animation: myanimate 0.5s infinite alternate;
-webkit-animation: myanimate 0.5s infinite alternate;}
.contact_map .position a{ display:block; border:2px solid #fff; padding:5px 0; text-align:center; font-size:1.5em; color:#fff; border-radius:5px;}
@keyframes myanimate
{
    0% { transform:translateY(0) scale(1,1);}
    100%{transform:translateY(15px)  scale(0.9,0.9);}
}
@-webkit-keyframes myanimate
{
    0% { transform:translateY(0) scale(1,1);}
    100%{transform:translateY(15px)  scale(0.9,0.9);}
}
.cont-map-box.open { bottom:0; top:100px; opacity:1; filter:alpha(opacity=100);}
.cont-map-box { position:fixed; opacity:0; filter:alpha(opacity=0); left:0; top:50%; bottom:50%; overflow:hidden; z-index:100; width:100%; transition:1s all; -webkit-transition:1s all}
.cont-map-box .close1 {position:absolute; right:20px; top:20px; opacity:0.8; filter:alpha(opacity=80); width:50px; height:50px; background:#ff0000; z-index:2;  }
.cont-map-box .close1 i { width:50px; height:50px; background:url('../images/x2.gif') center no-repeat ; display:block; transition:0.5s all; -webkit-transition:0.5s all;}
.cont-map-box .close1:hover i{ transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); }
.cont-map-box iframe { position:relative; left:0; top:0; width:100%; height:800px; z-index:1;}
.BMap_stdMpCtrl { margin-top:60px;}
.container{width: 1280px;margin: 0 auto;}
.contact_info{ padding: 80px 0 60px;background: #1D1D1D;}
.contact_info .container{ position:relative;}
.contact_info .info_left{ color:#fff;}
.contact_info .info_left h3{ font-size:50px; font-weight:normal; margin-bottom:20px; line-height:1;}
.contact_info .info_left p{ margin-bottom:20px; font-size:20px; line-height:1.8;color: #999;}
.contact_info .info_left p span { display:inline-block; margin-right:1em;}
.contact_info .info_left a{color: #fff;font-size: 20px;color: #999;}
.contact_info .info_left a:hover{color: #ff0200;}
.contact_info .info_right{color: #fff;position: absolute;right: 0;top: 0;width: 320px;}
.contact_info .info_right p{font-size: 25px;line-height: 38px;}
.contact_info .info_right .row{width: 105px;margin-top: 30px;}
.contact_info .info_right img{max-width: 100%;}
.contact_info .info_right span{font-size: 14px;margin-top: 20px;display: block;text-align: center;color: #999;line-height: 14px;width: 100%;}
/*服务*/
.service-business ul li{float: left;width: 33.33%;position: relative;overflow: hidden;}
.service-business ul li > a{display: block;width: 100%;}
.service-business ul li .pic img{display: block;width: 100%;transition: all 0.3s;}
.service-business ul li .main{position: absolute;left: 0;top: 75%;width: 100%;overflow: hidden;text-align: center;transition: all 0.3s;}
.service-business ul li .main .title{display: inline-block;border-bottom:2px solid #fff;border-top: 2px solid #fff;font-size: 36px;line-height: 1.5;color: #fff;}
.service-business ul li .main .txt{font-size: 14px;color: #ababab;line-height: 1.5;margin: 10px auto 0;width: 80%;}
.service-business ul li .main .sub_link{display: inline-block;border-bottom:2px solid #fff;border-top: 2px solid #fff;font-size: 24px;line-height: 1.6em;color: #fff;margin-right: 0.4em;}
.service-business ul li .line{position: absolute;left: 0;bottom: 0;width: 0;height: 8px;background-color: #D92322;transition: all 0.3s;}
.service-business ul li:hover .main{top: 66%;}
.service-business ul li:hover .pic img{transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.service-business ul li:hover .line{width: 100%;}
.ser_two{padding: 153px 0 60px;background: #191919;}
.ser_two .container{position: relative;}
.ser_two .txt{width: 48%;position: relative;z-index: 2;}
.ser_two .txt .tit{font-size: 48px;color: #fff;line-height: 48px;margin-bottom: 56px;}
.ser_two .txt p{font-size: 18px;color: #999;line-height: 36px;}
.ser_two .img{position: absolute;width: 65%;top: -35px;right: -10%;}
.ser_two .img img{max-width: 100%;}
.contact_feedback{ background:#0F0F0F; padding:80px 0;position: relative;}
.contact_feedback .anchor{position: absolute;left: 0;top: -20px;}
.contact_feedback .container{}
.contact_feedback .container h3{ font-size:50px; font-weight:normal; margin-bottom:30px; color:#fff;}
.contact_feedback .container ul{padding: 0;}
.contact_feedback .container li{ margin:0 0 20px 0;}
.contact_feedback .container li.clear{margin: 0;}
.contact_feedback .container ul .input{ border:1px solid #383838; border-radius:5px; line-height:50px; height:50px; font-size:16px; padding:0 20px; width:100%;
    background: #1B1B1B;color: #999;}
.clear{clear:both;height:0;overflow:hidden;}
.select-box.contact-select { width:100%; border:1px solid #383838; border-radius:5px; line-height:50px; background:#1B1B1B; height:50px;position: relative;}
.select-box.contact-select dt { padding:0;}
.select-box.contact-select dt b {padding-left:20px; margin-right:0; font-size:16px; color:#828283;}
.select-box.contact-select dt b { color:#999;}
.select-box.contact-select dt i.ico { width:25px; height:16px; background:url('../images/select_d.png') no-repeat; margin-top:-8px; right:15px;position: absolute;right: 15px;top: 50%;transition: 0.3s all ease-in-out;}
.select-box dt.open i.ico { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.contact-select dd { background: #383838; opacity:1; filter:alpha(opacity=100); border:1px solid #383838; border-radius:5px; left:-1px; right:-1px;}
.contact-select dd a { font-size:1.6em; color:#999; padding: 5px 20px;}
.contact-select dd a:hover { background: #000;color: #fff;}
.contact_feedback .container li.txt{ width:100%;}
.contact_feedback .container li.email input{ width:100%;}
.contact_feedback .container li textarea{ border:1px solid #383838; border-radius:5px; height:4.5em; line-height:1.5; font-size:16px; padding:10px 20px;
    width: 100%;background: #1B1B1B;color: #999;}
.contact_feedback .container li{width: 47%;}
.contact_feedback .container li.code input{ width:200px; float:left;}
.contact_feedback .container li.code img{ float:left; width:100px; height:50px; margin:0 15px; border-radius:5px; overflow:hidden;}
.contact_feedback .container li.code a{ line-height:50px; font-size:16px; float:left;}
.contact_feedback .container li .but{ border:0;  width:auto; background:#ff0000; color:#fff; margin-top:20px; line-height:1; height:50px;}
.contact_feedback .box{width: 300px; height: 80px;position: relative;margin: 0 auto;background-color: #D92322; border-radius: 80px;margin-top: 50px;}
.contact_feedback .button{width: 100%; height: 100%; background: url(../images/fly.png) no-repeat left 55px center;background-color: transparent;
    border-radius: 80px; color: #ffffff; font-size: 30px; border: 0; cursor: pointer;padding-left: 54px;display: block;
    transition: all 0.3s;z-index: 1;position: relative;}
.contact_feedback .box:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #eb3719;
    top: 0;
    left: 0;
    right: 0;
    transform: scaleX(0);
    transform-origin: 50% 50%;
    transition: all 400ms linear 0s;
    z-index: 0;
    display: block;
    border-radius: 80px;
    pointer-events: none;
}
.contact_feedback .box:hover:before{transform: scaleX(1);}
.select-box dt b {
    font-weight: normal;
    display: block;
    margin-right: 15px;
    color: #fff;
}
.select-box dd a {
    display: block;
    line-height: 1.8;
    color: #fff;
    font-weight: normal;
    white-space: normal;
}
.contact-select dd a {
    font-size: 16px;
    color: #999;
    padding: 5px 20px;
}
.contact-select dt b {
    padding-left: 20px;
    margin-right: 0;
    font-size: 2em;
    color: #828283;
}
.select-box dd {
    position: absolute;
    max-height: 200px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 2;
    overflow-y: auto;
    background: #000;
    padding: 0 0;
    overflow-x: hidden;
    right: 0;
    left: 0;
    top: 100%;
    display: none;
}
.contact-select dd {
    background: #1B1B1B;
    opacity: 1;
    filter: alpha(opacity=100);
    border: 1px solid #383838;
    border-radius: 5px;
    left: -1px;
    right: -1px;
}
/*新闻*/
.news_list{padding: 36px 3.5vw 130px;background: #0D0E0F;}
.news_list .box{}
.news_list .item{display: block;width: calc(33.33% - 20px);margin-right: 30px;height: 325px;background: #313131;padding: 30px 24px 45px;margin-bottom: 30px;
    transition: all 0.3s;}
.news_list .item:nth-child(3n){margin-right: 0;}
.news_list .item label{display: inline-block;padding: 0px 10px;background: #D92322;font-size: 17px;color: #fff;transition: all 0.3s;}
.news_list .item .tit{font-size: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;font-weight: bold;
    margin: 18px 0 42px;}
.news_list .item p{font-size: 15px;line-height: 25px;color: #9e9898;margin-bottom: 70px;transition: all 0.3s;
     text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news_list .item span{font-size: 14px;color: #666;transition: all 0.3s;}
.news_list .item:hover{background: #D92322;}
.news_list .item:hover label{background: #fff;color: #D92322;}
.news_list .item:hover p{color: rgba(255,255,255,0.6);}
.news_list .item:hover span{color: rgba(255,255,255,0.4);}
.news_list .more{position: relative;z-index: 2;display: block;width: 300px;line-height: 80px;height: 80px;color: #fff;
    font-size: 24px;margin: 50px auto 0;background: #D92322;border-radius: 80px;text-align: center;}
.news_list .more:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #eb3719;
    top: 0;
    left: 0;
    right: 0;
    transform: scaleX(0);
    transform-origin: 50% 50%;
    transition: all 400ms linear 0s;
    z-index: -1;
    display: block;border-radius: 80px;
}
.news_list .more:hover:before{transform: scaleX(1);}
/*新闻详情*/
.news_det{padding: 65px 3.5vw 100px;background: #0D0E0F;overflow: hidden;width: 100%;}
.news_det .title{font-size: 36px;line-height: 36px;color: #fff;margin-bottom: 20px;}
.news_det .time{font-size: 16px;color: #999;padding-bottom: 40px;line-height: 16px;border-bottom: 1px solid #535353;}
.news_det .box{width: 1190px;padding: 50px 0;}
.news_det .box p{font-size: 16px;line-height: 32px;color: #999;}
.news_det .link{position: relative;padding-top: 58px;width: 1190px;}
.news_det .link:after{position: absolute;top: 0;left: -3.5vw;content: '';background: #535353;width: 10000px;height: 1px;}
.news_det .link .back{display: flex;align-items: center;font-size: 18px;color: #999;height: 36px;}
.news_det .link .back img{margin-right: 26px;}
.news_det .link .back:hover{color: #eb3719;}
.news_det .link .next{padding-right: 24px;line-height: 36px;font-size: 18px;color: #999;background: url(../images/news_arr.png) no-repeat right center;}
.news_det .link .next:hover{color: #eb3719;background: url(../images/news_arr_on.png) no-repeat right center;}
/*菜单*/
.menu_mask{
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 100;
    overflow: hidden;
    outline: 0;
    display: none;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    background: rgba(0, 0, 0, 0.9);
    padding: 0 3.5vw;
}
.menu_mask .logo{position: absolute;left: 3.5vw;top: 32px;z-index: 3;}
.menu_mask .close{width: 60px;height: 60px;position: absolute;top: 20px;right: 30px;background: url(../images/close.png) no-repeat center;cursor: pointer;z-index: 3;}
.menu_mask .close:hover{background: url(../images/close_on.png) no-repeat center;}
.menu_mask .swiper-container{width: 100%;height: 100%;z-index: 2;}
.menu_mask .swiper-slide{width: 100%;height: 20%;display: flex;align-items: center;justify-content: center;font-size: 100px;line-height: 100px;overflow: hidden;
    color: rgba(255,255,255,0.3);}
.menu_mask .swiper-slide.swiper-slide-active{color: #fff;}
.menu_mask .swiper-slide:hover{color: rgba(255,255,255,0.6);}
.menu_mask .swiper-slide.swiper-slide-active:hover{color: #fff;}
.menu_mask .line{width: 100%;height: 20%;position: absolute;top: 40%;border-bottom: 1px solid rgba(255,255,255,0.4);
    border-top: 1px solid rgba(255,255,255,0.4);}
.menu_mask ul{margin: 0 auto;width: 60%;text-align: center;height: 550px; position: absolute;top: 50%;margin-top: -275px;left: 50%;margin-left: -30%;}
.menu_mask ul li{}
.menu_mask ul li a{display: block;height: 80px;overflow: hidden;margin: 10px 0;}
.menu_mask ul li span{display: block;font-size: 48px;line-height: 80px;text-transform: uppercase;color: #e9e7e8;font-family: "PingFang SC", "HanHei SC", "Helvetica Neue", Microsoft Yahei, "Helvetica", "STHeitiSC-Light", "Arial", sans-serif;
    font-weight: 300;}
.menu_mask ul li .en{display: block;}
.menu_mask ul li .cn{display: none;}
.menu_mask ul li:hover .en{display: none;}
.menu_mask ul li:hover .cn{display: block;}
.menu_mask .info{position: absolute;font-size: 14px;color: #5f6061;left: 2%;bottom: 2%;}
.cont-map-box{
    position: fixed;
    opacity: 0;
    filter: alpha(opacity=0);
    left: 0;
    top: 50%;
    bottom: 50%;
    overflow: hidden;
    z-index: 100;
    width: 100%;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    height: 0px;
}
.cont-map-box.open {
    bottom: 0;
    top: 100px;
    opacity: 1;
    filter: alpha(opacity=100);
    height: calc(100vh - 100px);
}
.cont-map-box .close1{
    position: absolute;
    right: 20px;
    top: 20px;
    width: 50px;
    height: 50px;
    background: url(../images/x2.gif) no-repeat center;
    background-color: #ff0000;
    z-index: 2;
    cursor: pointer;
}
.ouraddr{
    width: 100%;
    height: 100%;
}
.pc-dom{}
.mb-dom{display: none;}
.noinfo{color: #666;font-size: 12px;text-align: center;display: none;padding-top: 0.5rem;}